/**
 * 公共css变量
 */

page {
	background-color: $color-bg;
}
view,
cover-view,
scroll-view {
	color: $color-text;
	font-size: $font-size;
	box-sizing: border-box;
	font-family: $font-family;
	font-weight: $font-weight;
}
view {
	background-size: 100% 100%;
}
/* input-placeholder颜色 */
.phcolor {
	color: $color-grey-light;
}
button {
	padding: 0;
	font-size: $font-size;
}
button::after{
	border: none;
}

/* 布局 */
.content {
	display: flex;
	flex-direction: column;
}
/* 显示于tabbar之上，渲染阴影效果 */
.tabbar_shadow {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: $z-index-tabbar-shadow;
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,.07);
}

/* 没有列表时显示的icon及tip */
.no_lists {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	.img {
		margin-top: 280rpx;
	}
	.tip {
		margin-top: 30rpx;
		color: $color-grey;
	}
}

/* 顶部固定布局，用于筛选条件下占位 */
.fixed_top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: $z-index-fixed;
	background-color: $color-white;
}
/* 底部固定布局，用于添加等操作 */
.fixed_bottom {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: $z-index-fixed;
	height: $fixed-bottom-heg;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: $color-white;
	._btn {
		width: 210rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		color: $color-primary;
		border-radius: 6rpx;
		border: 1rpx solid $color-primary;
	}
}
/* 底部固定区域，用于放置确定按钮 */
.bottom_blank {
	width: 750rpx;
	height: 170rpx;
}
.bottom_view {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 150rpx;
	z-index: $z-index-fixed;
	box-shadow: $box-shadow;
	background-color: $color-white;
	.btn_submit {
		margin-top: 30rpx;
	}
}

/* 文本溢出 */
.text_over {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* scroll-view 首个box如果有margin-top，则添加此占位box放置view滑动 */
.scroll_blank {
	content: '';
	overflow: hidden;
}

/* 弹窗 */
._popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: $z-index-popup;
	background-color: rgba(0,0,0,.5);
	animation: fadeIn linear 0.3s;
}
/* 弹窗-嵌套在遮罩层中的弹窗 */
._popup.center {
	display: flex;
	flex-direction: column;
	padding-top: calc(50vh - 280rpx);
	align-items: center;
}
/* 弹窗-与遮罩层独立的中间弹窗 */
.popup_center {
	position: fixed;
	top: calc(50vh - 280rpx);
	left: 75rpx;
	right: 75rpx;
	z-index: $z-index-popup-info;
	padding: 40rpx 30rpx;
	background-color: $color-white;
	border-radius: $border-radius-bm;
	._close {
		position: absolute;
		top: 23rpx;
		right: 23rpx;
		width: 24rpx;
		height: 25rpx;
		background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky154LJeAHdsVAAABXcr1OHU232.png');
	}
	._title {
		width: 100%;
		margin-bottom: 50rpx;
		text-align: center;
		font-size: 30rpx;
	}
	._note {
		width: 100%;
		text-align: center;
		margin-bottom: 30rpx;
		font-size: 22rpx;
	}
	._input {
		width: 100%;
		height: 80rpx;
		padding: 0 20rpx;
		border-radius: 6rpx;
		background-color: $color-bg;
		display: flex;
		align-items: center;
		text-align: center;
		._int {
			flex: 1;
			font-size: 30rpx;
		}
	}
	._btn {
		width: 100%;
		height: 80rpx;
		margin-top: 42rpx;
		color: $color-white;
		background-color: $color-primary;
	}
}

/* 按钮，用于完成主动操作，以<view>显示 */
.btn_pub {
	width: 750rpx;
	height: 98rpx;
	line-height: 98rpx;
	text-align: center;
	font-size: 30rpx;
	color: $color-primary;
	background: $color-white;
}
.btn_pub.edit {
	position: fixed;
	bottom: 118rpx;
	z-index: $z-index-fixed;
}
.btn_pub.bottom {
	position: fixed;
	bottom: 0;
	z-index: $z-index-fixed;
}
.btn_pub.delete {
	color: #FF0000;
}
.btn_pub_blank {
	width: 750rpx;
	height: 240rpx;
}

/* 确认按钮，以button显示 */
.btn_submit {
	width: 690rpx;
	height: 90rpx;
	line-height: 90rpx;
	margin-left: 30rpx;
	margin-right: 30rpx;
	margin-bottom: 50rpx;
	color: $color-white;
	background-color: $color-primary;
}

/* 三角形 */
._triangle {
	width: 22rpx;
	height: 12rpx;
	margin-left: 11rpx;
}
._triangle.atop {
	background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky16L04uALxcUAAABNalsx1s402.png');
}
._triangle.abtm {
	background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky16L09WARI-LAAABOzMRltA319.png');
}
/* 上下并行双箭头图标-用于筛选数量 */
.up_down_arr {
	width: 18rpx;
	height: 25rpx;
	margin-left: 10rpx;
	background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky15ps1GABihsAAABqsex77U593.png');
}
.up_down_arr.std {
	background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky15ps2mAJMwdAAABvELpkEg598.png');
}

/* 日期/其他筛选按钮 */
.select_btn {
	width: 150rpx;
	height: 46rpx;
	font-size: 20rpx;
	color: $color-white;
	background-color: #266BFF;
	border-radius: $border-radius-bm;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	._triangle.atop {
		background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky16L1diAZuGFAAALhLMml-Y903.png');
	}
	._triangle.abtm {
		background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky16L1fCACm_nAAALeLUCo5k722.png');
	}
}

/* 箭头-导航 */
.arrow_nav {
	width: 10rpx;
	height: 19rpx;
	background-image: url('http://img.etubang.com/group1/M00/00/41/rBCky15m9E2AStDUAAABxsHuTlo353.png');
}

/* 多选/单选按钮-对号 */
.check_box {
	width: 54rpx;
	height: 54rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.check_box ._ck1 {
	width: 54rpx;
	height: 54rpx;
	background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky15p_JyAHpuHAAANWeu_2eg541.png');
}
.check_box ._ck2 {
	width: 36rpx;
	height: 36rpx;
	background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky15p_RuAdbyJAAAD0w0_KrE334.png');
}

/* 选择加注站后的集合按钮 */
.site_list {
	width: 100%;
	height: auto;
	max-height: 300rpx;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0 30rpx;
	margin-top: 36rpx;
	margin-bottom: 50rpx;
	background-color: $color-white;
	._btn {
		display: inline-block;
		margin: 10rpx;
		padding: 21rpx 32rpx;
		color: $color-primary;
		font-size: 24rpx;
		border-radius: $border-radius-bm;
		background-color: $color-blue-light;
		position: relative;
		
		.icon-close2 {
			position: absolute;
			top: -10rpx;
			right: -10rpx;
			width: 40rpx;
			height: 40rpx;
		}
	}
}

/* 添加/减少按钮及中间的输入框 */
.set_num {
	width: 100%;
	margin-top: 52rpx;
	background-color: $color-white;
}
.num_int {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	._tip {
		width: 204rpx;
		margin-left: 40rpx;
	}
	._tip2 {
		font-size: 36rpx;
		margin-left: 80rpx;
	}
	._btn {
		width: 48rpx;
		height: 48rpx;
	}
	._btn.les {
		background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky15q4ueABLraAAAD5cEpcCc346.png');
	}
	._btn.add {
		background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky15q4y-ARfA-AAAFAnx4Hxk978.png');
	}
	._num {
		width: 164rpx;
		text-align: center;
		font-size: 36rpx;
		font-family: $font-family-num;
	}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	
	100% {opacity: 1;}
}
.u-f-ac {
	display: flex;
	align-items: center;
}